import React from 'react'
import { NavLink } from 'react-router-dom'
import styled from 'styled-components'

//导航区域的样式
const NavBox = styled.nav`
    a{
        margin-right: 10px;
        color: #000;
        &.active{
            color: red;
        }
    }
`
function HomeHead(props) {
    return <NavBox>
        <NavLink to="/a">A</NavLink>
        <NavLink to="/b">B</NavLink>
        <NavLink to="/c">C</NavLink>
    </NavBox>
}

export default HomeHead;
